<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/zy.media.min.css">
	<title>课程播放</title>
	<style>
		body{
			background-color: #E4E4E4;
		}
		/* .videoBox{
			position: relative;
		} */
		.turnUp{
			position: absolute;
			top: 1rem;
			left: 1rem;
			z-index: 9;
		}
		.tuiguang{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 1rem;
			box-sizing: border-box;
			background: #fff;
		}
		.content{
			width: 100%;
		}
		.tgBox{
			margin-left: 5%;
			white-space: nowrap;
			text-align: center;
		}
		.tgBox img{
			width: 2rem;
		}
		.zhuanqian{
			color: #333;
		}
		.classBox{
			margin-top: 1rem;
			background-color: #fff;
			padding: .5rem 1rem;
		}
		.className{
			box-shadow: 0px 2px 10px rgba(204, 204, 204, 0.349019607843137);
			padding: .5rem;
			margin: .5rem 0;
		}
	</style>
</head>
<body onmousewheel="return true;">
	<div class="playvideo">
		<img src="../assets/left_J.png" class="turnUp">
		<div class="zy_media">
			<video poster="https://r1.ykimg.com/05420408584A363C6A0A47047DD24931" data-config='{"mediaTitle": "测试视频--视频"}'>
				<source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
				<source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
				<source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
				您的浏览器不支持HTML5视频
			</video>
		</div>
		<div id="modelView">&nbsp;</div>
	</div>
	<div class="tuiguang">
		<div class="content">抖音从0到1大师超vip进阶班第二期【老黄】,课程的文档联系课程老师微信:ahsjdhaskjdh</div>
		<div class="tgBox">
			<img src="../assets/money.png" >
			<div class="zhuanqian">推广赚钱</div>
		</div>
	</div>
	<div class="classBox">
		<div class="className">我的</div>
		<div class="className">我的</div>
		<div class="className">我的</div>
	</div>
</body>
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<script src="../js/zy.media.min.js" type="text/javascript" charset="utf-8"></script>
<script>
	$('.turnUp').click(function(){
		window.history.go(-1);
	})
	document.body.style.overflow = 'hidden';
	zymedia('video', {
		autoplay: false
	});
	var screenheight = window.screen.height / 2;
	$("#modelView").width(window.screen.width);
	var videoheight = $(".zy_media").height();
	$(".playvideo").css({
		"height": videoheight
	});
</script>
</html>